<template>
  <van-row class="slogan" type="flex" justify="center">
    <slot name="left"/>
    <img :src="src" class="slogan-img" :class="brightness">
    <slot name="right"/>
  </van-row>
</template>
<script>
import {
  Row,
  Col
} from 'vant'
export default {
  name: 'slogan',
  props: {
    src: { // 水印图片地址
      type: String,
      default: '/static/images/common/slogan.png'
    },
    brightness: { // 是否反白或者反黑反蓝啥的
      type: String,
      default: ''
    }
  },
  components: {
    [Row.name]: Row,
    [Col.name]: Col
  }
}
</script>
<style lang="less" scoped>
.slogan {
  margin: 20px 0;
}
.slogan-img{
  width: 70px;
  height: 24px;
  &.white {
    filter: brightness(2);
  }
}
</style>